body {
  background-color: #EFEFF4;
}
.one {
  text-align: center;
  background-color: #6693A6;
  height: 5.4667rem;
  padding-top: 1.44rem;
}
.one img {
  width: 2.29rem;
  height: 2.29rem;
  margin-bottom: 0.45rem;
}
.one p {
  color: #FFFFFF;
  font-size: 0.48rem;
}
.five,
.two {
  height: 1.17rem;
  line-height: 1.17rem;
  background-color: #fff;
  padding: 0 0.53rem;
  border-bottom: solid 0.0133rem #E7E7E7;
}
.five p,
.two p {
  font-size: 0.4rem;
  color: #000000;
}
.three {
  height: 2rem;
  background-color: #fff;
  padding: 0.51rem 1.16rem;
}
.three ul li {
  text-align: center;
  font-size: 0.35rem;
  font-weight: 500;
  color: #000000;
  position: relative;
}
.three ul li span {
  position: absolute;
  right: 0.0267rem;
  top: -0.16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.4rem;
  height: 0.4rem;
  background: #F53F50;
  border-radius: 50%;
  color: #fff;
  font-size: 0.27rem;
}
.three ul li img {
  margin-bottom: 0.2rem;
}
.four {
  background-color: #fff;
  margin-top: 0.24rem;
  padding: 0 0.53rem;
}
.four ul li {
  border-bottom: solid 0.0133rem #E7E7E7;
  height: 1.17rem;
  font-size: 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000000;
}
.four ul li p:first-child {
  display: flex;
  align-items: center;
}
.four ul li p:last-child {
  color: #B2B2B2;
  align-items: center;
  display: flex;
}
.four ul li img:last-child {
  width: 0.21rem;
  height: 0.33rem;
}
.five {
  margin-top: 0.27rem;
}
.five p:last-child {
  color: #AAAAAA;
}
.dibu {
  width: 100%;
  height: 1.31rem;
  background: #F8F8F8;
  position: fixed;
  background-color: #fff;
  bottom: -0.0133rem;
  left: -0.0133rem;
  border-top: solid 1px #DDDDDD;
}
.dibu ul {
  margin-top: 0.2rem;
}
.dibu ul li {
  text-align: center;
}
.dibu ul li p {
  font-size: 0.27rem;
  font-weight: 500;
  color: #5D616A;
  line-height: 0.37rem;
}
.dibu ul .my p {
  color: #45B5ED;
}
